<template>
    <div class="guanhg">
        <div class="conenn_h">
        <div class="xingr">
        <div class="e_l">
            <div class="thiser">
            <div class="ss_jom">
                <div class="topimg"><img src="@/assets/img/aa.png" alt=""></div>
                <div class="txt">
                <div class="flex_lr">
                    <div class="mfty">免费体验</div>
                    <div class="adawdgvvb">
                    <div>兰蔻小黑瓶眼霜精华</div>
                    <div class="flex_lr dwede">
                        <div><p>活动数量：20份</p></div>
                        <div>更多></div>
                    </div>                               
                    </div>
                </div>

                </div>
            </div>
            </div>
            <div class="thiser"></div>
            <div class="thiser"></div>
            <div class="thiser"></div>
        </div>
        </div>
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
.guanhg {
  width: 1200px;
	height: 260px;
	background-color: #eee;
	border-radius: 6px;
  margin: 0 auto;
}
.flex_lr  {
  display: flex;
  justify-content: space-between;
}
.box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.guanhg {
  width: 1200px;
	height: 260px;
	background-color: #eee;
	border-radius: 6px;
  margin: 0 auto;
}
.guanhg .conenn_h {
  width: 925px;
	height: 235px;
	background-color: #fff;
	border-radius: 6px;
  margin: 15px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
  margin-right: 25px;
}
.conenn_h .xingr {
  width: 900px;
	height: 213px;
  display: flex;
  justify-content: space-between;
}
.conenn_h .xingr .e_l {
  width: 890px;
	height: 213px;
  display: flex;
  justify-content: space-between;
}
.conenn_h .xingr .e_l .thiser{
  width: 211px;
	height: 210px;
	border: solid 2px #eeeeee;
}
.thiser .ss_jom {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.ss_jom .topimg img{
  width: 211px;
	height: 146px;
}
.mfty {
  width: 23px;
  height: 60px;
  padding-left: 6px;
  padding-top: 8px;
  margin-top: -21px;
  margin-left: -18px;
	background-color: #f06048;
  writing-mode:vertical-lr;
  color: #fff
}
.txt .dwede{
  line-height: 28px;
  width: 155px;
}
.txt .adawdgvvb {
  margin-left: 10px;
} 
</style>